<template>
  <div class="home">
    <div class="home-header">
      <img alt="Vue logo" src="../assets/logo.png" />
      <span>VcuMobile 2.0</span>
    </div>

    <div class="home-desc">
      移动端 Vue3.0 组件库<br />全名（vue-crossmobile-ui）
    </div>

    <homemenu />
  </div>
</template>

<script lang="ts">
import { Options, Vue } from "vue-class-component";
import homemenu from "@/components/homemenu.vue";

@Options({
  components: {
    homemenu,
  },
})
export default class Home extends Vue {}
</script>
<style scoped lang="less">
.home {
  .home-header {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    img {
      width: 36px;
      height: 36px;
      position: relative;
      top: 8px;
    }
  }
  .home-desc {
    text-align: center;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}
</style>
